import React, {Component} from 'react'
import {Current} from '@tarojs/taro'
import {WebView} from '@tarojs/components'

import './index.scss'

type PageStateProps = {

}

type PageDispatchProps = {

}

type PageOwnProps = {}

type PageState = {
  link:any
}

type IProps = PageStateProps & PageDispatchProps & PageOwnProps

interface Index {
  props: IProps;
}


class Index extends Component<IProps, PageState> {
  constructor(props: IProps) {
    super(props);
    this.state = {
      link: ''
    }
  }


  componentWillMount () {
    const {router} = Current;
    if(router) {
      let l= router.params.link
      this.setState({
        link: l
      })
    }
  }

  componentDidMount() {
  }
  render() {
    const {link} = this.state
    return (
      <WebView src={link}>
      </WebView>
      // <View>
      //   <View className='at-article'>
      //     <View className='at-article__h1'>
      //       这是一级标题这是一级标题
      //     </View>
      //     <View className='at-article__info'>
      //       2017-05-07&nbsp;&nbsp;&nbsp;这是作者
      //     </View>
      //     <View className='at-article__content'>
      //       <View className='at-article__section'>
      //         <View className='at-article__h2'>这是二级标题</View>
      //         <View className='at-article__h3'>这是三级标题</View>
      //         <View className='at-article__p'>
      //           这是文本段落。这是文本段落。这是文本段落。这是文本段落。这是文本段落。这是文本段落。这是文本段落。这是文本落。这是文本段落。1234567890123456789012345678901234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ
      //         </View>
      //         <View className='at-article__p'>
      //           这是文本段落。这是文本段落。
      //         </View>
      //         <Image
      //           className='at-article__img'
      //           src='https://jdc.jd.com/img/400x400'
      //           mode='widthFix'
      //         />
      //       </View>
      //     </View>
      //   </View>
      // </View>
    )
  }
}

export default Index
